{% extends 'base.html' %}
{% block title %}
    <a class="navbar-brand" href="#"> 填写员工入职信息 </a>
{% endblock %}
{% block content %}
<div class="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<div class="card">
					<form id="allInputsFormValidation" class="form-horizontal"  method="post" >
						<div class="content">
							<h4 class="title">基本信息</h4>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										姓名<span style="color:red">*</span>
									</label>
									<div class="col-sm-6">
                                        <input class="form-control" type="text" name="username" required="required" aria-required="true" aria-invalid="true" />

									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">性别<span style="color:red">*</span></label>
									<div class="col-sm-10" style="margin-top: 10px">
                                            <input type="radio" data-toggle="radio" name="sex" value="男" checked="">男
											<input type="radio" data-toggle="radio" name="sex" value="女">女

									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
                                    <label class="col-sm-2 control-label">生日<span style="color:red">*</span></label>
                                    <div class="col-sm-6">

                                        <input type="date" name="birthday" class="form-control datepicker" autocomplete="off" required>
                                    </div>
                                </div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										身份证号<span style="color:red">*</span>
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="IDnumber" required="required" aria-required="true" oninput="value = value.replace(/[^\d|xX]/g,'')" maxlength="18" autocomplete="off">
									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										部门名称<span style="color:red">*</span>
									</label>
									<div class="form-group">
										<div class="col-sm-6">
											<select class="form-control" name="departmentID" require>
												{% for department in departments %}
													<option  value="{{ department.departmentID }}">{{ department.departmentname }}</option>
												{% endfor %}
											</select>
										</div>
									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										岗位名称<span style="color:red">*</span>
									</label>
									<div class="form-group">
										<div class="col-sm-6">
											<select class="form-control" name="postID" require>
												{% for post in posts %}
													<option  value="{{ post.postID }}">{{ post.postname }}</option>
												{% endfor %}
											</select>
										</div>
									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
                                    <label class="col-sm-2 control-label">入职日期<span style="color:red">*</span></label>
                                    <div class="col-sm-6">

                                        <input type="date" name="hiredate" class="form-control datepicker" autocomplete="off" required>
                                    </div>
                                </div>
							</fieldset>

							<fieldset>
								<div class="form-group">
                                    <label class="col-sm-2 control-label">参加工作日期<span style="color:red">*</span></label>
                                    <div class="col-sm-6">

                                        <input type="date" name="takejobdate" class="form-control datepicker" autocomplete="off" required>
                                    </div>
                                </div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">用工形式<span style="color:red">*</span></label>
									<div class="col-sm-10" style="margin-top: 10px">
											<input type="radio" data-toggle="radio" name="employment_form" value="正式员工" checked="">正式员工
											<input type="radio" data-toggle="radio" name="employment_form" value="临时员工">临时员工
									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">人员来源<span style="color:red">*</span></label>
									<div class="col-sm-10" style="margin-top: 10px">
										<input type="radio" data-toggle="radio" name="personnel_source" value="校园招聘" checked="">校园招聘
                                        <input type="radio" data-toggle="radio" name="personnel_source" value="社会招聘">社会招聘
										<input type="radio" data-toggle="radio" name="personnel_source" value="其他">其他
									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										手机号<span style="color:red">*</span>
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="phone" required="required" aria-required="true" oninput="value = value.replace(/[^\d|xX]/g,'')" maxlength="11" autocomplete="off">
									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										邮箱<span style="color:red">*</span>
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="email" required="required" aria-required="true" name="email" email="true" autocomplete="off">
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">政治面貌</label>
									<div class="col-sm-10" style="margin-top: 10px">
											<input type="radio" data-toggle="radio" name="politics_status" value="党员" >党员
											<input type="radio" data-toggle="radio" name="politics_status" value="预备党员">预备党员
                                            <input type="radio" data-toggle="radio" name="politics_status" value="团员">团员
                                        <input type="radio" data-toggle="radio" name="politics_status" value="其他">其他
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										民族
									</label>
									<div class="form-group">
										<div class="col-sm-6">
											<select class="form-control" name="nation" require>
												{% for nation in nations %}
													<option  value="{{ nation.nation }}">{{ nation.nation }}</option>
												{% endfor %}
											</select>
										</div>
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										籍贯
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="native_place"  aria-required="true" autocomplete="off">
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										身高
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="height"  aria-required="true" oninput="value = value.replace(/[^\d|xX]/g,'')" maxlength="3" autocomplete="off">
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">血型</label>
									<div class="col-sm-10" style="margin-top: 10px">
											<input type="radio" data-toggle="radio" name="bloodtype" value="A型" >A型
											<input type="radio" data-toggle="radio" name="bloodtype" value="B型">B型
                                            <input type="radio" data-toggle="radio" name="bloodtype" value="AB型">AB型
                                            <input type="radio" data-toggle="radio" name="bloodtype" value="O型">O型
                                            <input type="radio" data-toggle="radio" name="bloodtype" value="其他">其他
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">婚姻</label>
									<div class="col-sm-10" style="margin-top: 10px">
											<input type="radio" data-toggle="radio" name="marriage" value="未婚" >未婚
											<input type="radio" data-toggle="radio" name="marriage" value="已婚">已婚
                                            <input type="radio" data-toggle="radio" name="marriage" value="丧偶">丧偶
                                            <input type="radio" data-toggle="radio" name="marriage" value="离婚">离婚
                                            <input type="radio" data-toggle="radio" name="marriage" value="其他">其他
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										出生地
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="birthplace"  aria-required="true" autocomplete="off">
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										户口所在地
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="domicileplace"  aria-required="true" autocomplete="off">
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">最高学历</label>
									<div class="col-sm-10" style="margin-top: 10px">
											<input type="radio" data-toggle="radio" name="highest_degree" value="高中及以下" >高中及以下
											<input type="radio" data-toggle="radio" name="highest_degree" value="大专">大专
                                            <input type="radio" data-toggle="radio" name="highest_degree" value="本科">本科
                                            <input type="radio" data-toggle="radio" name="highest_degree" value="研究生">研究生
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">最高学位</label>
									<div class="col-sm-10" style="margin-top: 10px">
											<input type="radio" data-toggle="radio" name="highest_offering" value="无学位" >无学位
											<input type="radio" data-toggle="radio" name="highest_offering" value="学士">学士
                                            <input type="radio" data-toggle="radio" name="highest_offering" value="双学士">双学士
                                            <input type="radio" data-toggle="radio" name="highest_offering" value="硕士">硕士
                                            <input type="radio" data-toggle="radio" name="highest_offering" value="博士">博士
                                            <input type="radio" data-toggle="radio" name="highest_offering" value="博士后">博士后
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										毕业院校
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="graduate_school"  aria-required="true" autocomplete="off">
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										所学专业
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="major"  aria-required="true" autocomplete="off">
									</div>
								</div>
							</fieldset>

                            <fieldset>
								<div class="form-group">
                                    <label class="col-sm-2 control-label">毕业日期</label>
                                    <div class="col-sm-6">

                                        <input type="date" name="graduation_date" class="form-control datepicker" autocomplete="off" >
                                    </div>
                                </div>
							</fieldset>
						</div>
						<div class="card-footer text-center">
                            <button type="submit" name="submit" class="btn btn-info btn-fill" >提交</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
{% endblock %}